Page({
  data: {
    statusBarHeight: '',
    titleBarHeight: '',
    active: 0,
    active2: 0,
    active3: 0,
    customTabs: [
      {
        title: '科一',
        content: '这是科目一的相关内容，包括交通法规、安全驾驶等基础知识。',
        icon: ''
      },
      {
        title: '科二',
        content: '这是科目二的相关内容，包括倒车入库、侧方停车等实际操作技能。',
        icon: '../../images/play-pic.png'
      },
      {
        title: '科三',
        content: '这是科目三的相关内容，包括道路驾驶技能考试相关内容。',
        icon: ''
      },
      {
        title: '科四',
        content: '这是科目四的相关内容，包括安全文明驾驶常识考试。',
        icon: ''
      },
      {
        title: '拿本',
        content: '这是拿本的相关内容，包括驾驶证领取和使用注意事项。',
        icon: ''
      }
    ]
  },

  onLoad: function(options) {
    this.setData({
      statusBarHeight: getApp().globalData.statusBarHeight,
      titleBarHeight: getApp().globalData.titleBarHeight
    });
  },

  goBack: function() {
    wx.navigateBack({
      delta: 1
    });
  },

  onChange: function(event) {
    console.log('基础tabs切换:', event.detail);
    this.setData({
      active: event.detail.index
    });
  },

  onChange2: function(event) {
    console.log('自定义样式tabs切换:', event.detail);
    this.setData({
      active2: event.detail.index
    });
  },

  onChange3: function(event) {
    console.log('带图标tabs切换:', event.detail);
    this.setData({
      active3: event.detail.index
    });
  },

  onCustomTabChange: function(event) {
    const index = event.currentTarget.dataset.index;
    console.log('自定义tabs切换:', index);
    this.setData({
      active3: index
    });
  }
});
